﻿.area-select-body { position: absolute; z-index: 9999999; background-color: #fff; width: 293px; box-shadow: 0 1px 8px rgba(0,0,0,.2); }
.area-select-tab { display: flex; display: -moz-box; display: -webkit-box }
    .area-select-tab > div { background-color: #F0F0F0; flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; margin-bottom: -1px; padding: 8px 23px; border-right: 1px solid #ccc; border-bottom: 1px solid transparent; color: #4D4D4D; text-align: center; }
        .area-select-tab > div:hover { background-color: #fff; cursor: pointer }
        .area-select-tab > div:last-child { border-right: 0; }
        .area-select-tab > div.active { background-color: #fff !important; }
.area-select-title { clear: both; position: relative; padding: 4px 10px 4px 10px; border-bottom: 1px solid #f5f5f5; }
    .area-select-title > span { padding-right: 6px;color: #4d4d4d; border-radius: 3px; font-size: 14px; font-weight: 500 }

.area-select-content { clear: both; position: relative; height: 200px; overflow: auto }
    .area-select-content ul { padding: 0; margin: 0; list-style: none; width: 100%; overflow-y: auto }
        .area-select-content ul li { float: left; padding: 2px 4px 2px 4px; margin: 2px; white-space: nowrap; color: #4D4D4D; font-size: 13px }
            .area-select-content ul li:hover { background-color: #38b03f; color: #fff; border-radius: 3px; cursor: pointer }

.area-select { border-top: 1px #ccc solid; padding: 10px 6px 6px 6px; display: none }
    .area-select > ul > li.active { background-color: #38b03f; color: #fff; border-radius: 3px; }
    .area-select.area-province { display: block }

.area-container { position: relative }
    .area-container > span { position: absolute; top: 10px; right: 10px }
.area-text { cursor: pointer; padding-right: 20px }
    .area-text:hover { background-color: #F0F0F0 }

.area-select-btn { clear: both; position: relative; padding: 6px 0 0 6px; text-align: right }
    .area-select-btn > span { font-size: 16px; font-weight: 600; display: inline-block; padding: 0 6px 0 6px; }
        .area-select-btn > span:hover { background-color: red; color: #fff; cursor: pointer }
